<!DOCTYPE html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Test Player</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">

  <link rel="stylesheet" href="node_modules/video.js/dist/video-js.css">
  <script src="node_modules/video.js/dist/ie8/videojs-ie8.js"></script>
</head>

<body>
  <video id="player" width=600 height=300 class="video-js vjs-default-skin" controls></video>
  <video id="live-player" width=600 height=300 class="video-js vjs-default-skin" controls></video>
  <script src="node_modules/video.js/dist/video.js"></script>
  <script src="node_modules/dashjs/dist/dash.all.debug.js"></script>
  <script src="dist/videojs-dash.js"></script>

  <script>
    var
      player = videojs('player', {
        html5: {
          dash: {
            limitBitrateByPortal: true
          }
        }
      }),
      livePlayer = videojs('live-player');

    player.ready(function() {
      player.src({
        src: 'http://dash.edgesuite.net/akamai/bbb_30fps/bbb_30fps.mpd',
        type: 'application/dash+xml'
      });
    });

    livePlayer.ready(function(){
      livePlayer.src({
        src: 'http://vm2.dashif.org/livesim/mup_30/testpic_2s/Manifest.mpd',
        type: 'application/dash+xml'
      });
    });
  </script>
</body>

</html>
